
body {
    /* margin-top:0.88rem; */
    height:100vh;
    overflow: hidden;
}

.container {
    width:7.5rem;
    height:auto;
      
}

.page-header {
    width:100%;
    /* border-bottom: 0.01rem solid #e5e5e5; */
    border-bottom: 0.5px solid #e5e5e5;

    height:0.88rem;
    /* position: fixed; */
    top:0;
}
/* 导航 */
.navBar {
    background:white;
    width:7.5rem;
    height:0.88rem;
    overflow: hidden;
    box-sizing: border-box;

    display: flex;
}
.navBar-back {
    width:0.8rem;
    height:0.88rem;

    background:url(../imgs/back.png) no-repeat center center;
    background-size:0.4rem 0.4rem;
}

.navBar-search {
    /* 293px * 30px */

    
    position: relative;
    align-self: center;
    border-radius: 0.3rem;
    background-color:#f7f7f7;
    display: flex;
    
}

.icon-close {
    position: absolute;
    right: 0.1rem;
    width: 0.60rem;
    height: 0.6rem;
    /* top: 0.04rem; */
    background:url(../imgs/close.png) no-repeat center center;
    background-size: 0.36rem 0.36rem;
    display: none;
    
}

.navBar-more {
    width:0.8rem;
    height:0.88rem;
    background:url(../imgs/more.png) no-repeat center center;
    background-size:0.4rem 0.4rem;
    display:none;
}


.icon-search {
    /* 18*15 */
    width:0.36rem;
    height:0.3rem;
    background:url(../imgs/search.png) no-repeat center center;
    background-size:0.36rem 0.36rem;
    display: block;
    align-self: center;
    margin-left:0.3rem;
    
    
}

.navBar-search input {
    outline: none;
    border: 0;
    background: #f7f7f7;
    height: 0.32rem;

    margin-top:0.12rem;
    margin-left:0.1rem;
    font-size:0.24rem;
    color:#232326;
}

.clickBefore {
    width:5.86rem;
    height:0.6rem;
}

.clickBefore input {
    width: 4.96rem;
}

.clickAfter {
    width:5.66rem;
    height:0.6rem;
}
.clickAfter input{
    width: 4.76rem;
}


.icon-searchBtn {
    width: .8rem;
    height: .64rem;
    font-size: .28rem;
    color: #fff;
    background-color: #e93b3d;
    box-sizing: border-box;
    border-radius: .08rem;
    text-align: center;
    line-height: 0.64rem;
    margin-top:0.1rem;
    margin-left:0.1rem;
}



/* page-body */
.page-search-body {
    width:7.5rem;
    height:100vh;
    background:white;
    display:none;
}


/* 没有搜索数据默认 */
.noData {
    /* 351x100 */
    width:7.02rem;
    height:2rem;
    line-height:2rem;
    margin:0 auto;
    color:#999;
    font-size:0.24rem;
    text-align: center;
    display:none;
}

/* 搜索框有数据的时候显示这个class hasData */
.hasData {
    padding:0;
    list-style: none;
    width:7.02rem;
    height:auto;
    margin:0 auto;
    display: none;
}

.hasData-item {
    box-sizing: border-box;
    height:0.84rem;
    border-bottom:0.01rem solid #f0f2f5;
    color: #232326;
    font-size: 0.26rem;
    line-height:0.84rem;
}

.page-body {
    display:none;
    
}

.flexWrap {
    display:flex;
}

.layout-left {
    width:1.7rem;
}
.main-memu {
    /* 85px */
    width:1.7rem;
    height:100vh;
    /* position: fixed; */
    background: #f8f8f8;
    overflow: hidden;
    
}
.main-memu ul {
    margin:0;
    list-style: none;
    padding:0
}
.main-memu ul li {
    background: #f8f8f8;
    color: #333;
    font-size: 0.28rem;
    height:0.92rem; 
    box-sizing: border-box;
    line-height:0.92rem;
    text-align:center;

}

.main-memu ul li a {
    color:#333;
    text-decoration: none;
    
}

.main-memu ul li.active {
    color:#e93b3d;
    background:white;
}

.main-memu ul li.active a {
    color:#e93b3d;

}


.layout-right{
    width:5.78rem; 
    height:auto; 
    overflow-y: scroll; 
}
.layout-right::-webkit-scrollbar {
    display: none;  
}

.menu-info {
    /* 289px */
    /* 275
        19px 7px 0px
    */
    width:5.50rem;
    /* overflow-y: scroll; */
    /* height:auto; */
    height:100vh;
    /* background:red; */
    margin:0 auto;
    margin: 0.38rem 0.14px 0px;
    margin-left:0.14rem;
}
/* .menu-info::-webkit-scrollbar {
    display: none;  
} */


.menu-info-item {
    margin-bottom:0.18rem;
}

.menu-info-item h3 {
    margin:0;
    font-size: 14px;
    color: #333;
}


.menu-info-item-bd {
    margin:0;
    padding:0;
    padding:0.14px 0.20px 0;
    list-style: none;
    width:5.10rem;
    margin:0 auto;
    display: flex;
    margin-top:0.36rem;
    flex-wrap: wrap;
}

.menu-info-item-bd-item {
    /* 83.63 * 107 */
    width:1.6726rem;
    height:2.14rem;
    box-sizing: border-box;
    text-align:center;
}

.menu-info-item-bd-item img {
    width:1.4rem;
    height:1.4rem;
}

.menu-info-item-bd-item a {
    text-decoration: none;
}

.menu-info-item-bd-item h4 {
    margin:0;
    padding:0;
    font-size: 12px;
    color:#333;
    font-weight: initial;
}